<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>玉米物流信息管理</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">

    <!-- Toastr style -->
    <link href="css/plugins/toastr/toastr.min.css" rel="stylesheet">

    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

</head>

<body>
<div id="wrapper">

    <!-- 侧边栏开始 -->
    <nav class="navbar-default navbar-static-side" role="navigation">
        <div class="sidebar-collapse">
            <ul class="nav metismenu" id="side-menu">
                <!-- 侧栏头部人物信息 -->
                <li class="nav-header">
                    <div class="dropdown profile-element"> <span>
                            <img alt="image" class="img-circle" src="img/profile_small.jpg"/>
                             </span>
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">当前用户名</strong>
                             </span><span class="text-muted text-xs block">扩展栏 <b class="caret"></b></span> </span> </a>
                        <!-- 人物附加 -->
                        <ul class="dropdown-menu animated fadeInRight m-t-xs">
                            <li><a href="#">Profile</a></li>
                            <li><a href="#">Contacts</a></li>
                            <li><a href="#">Mailbox</a></li>
                            <li class="divider"></li>
                            <li><a href="login.html">退出登录</a></li>
                        </ul>
                    </div>
                    <div class="logo-element">
                        IN+
                    </div>
                </li>
                <li class="active" onclick="backHome()">
                    <a href="#"><i class="fa fa-location-arrow"></i><span class="nav-label">首页</span></a>
                </li>
                <!-- 员工管理 -->
                <li>
                    <a><i class="fa fa-user-circle-o" aria-hidden="true"></i> <span class="nav-label">员工管理</span><span
                        class="fa arrow"></span></a>
                    <ul class="nav nav-second-level collapse">
                        <li class="iframeForward"><a href="#">员工列表</a><input type="hidden" value="staff/staff_list.html"></li>
                        <li class="iframeForward"><a href="#">员工详情</a><input type="hidden" value="staff/staff_details.html"></li>
                        <li class="iframeForward"><a href="#">添加员工</a><input type="hidden" value="staff/staff_add.html"></li>
                        <li class="iframeForward"><a href="#">工资结算</a><input type="hidden" value="staff/staff_order.html"></li>
                    </ul>
                </li>
                <!-- 商品管理 -->
                <li>
                    <a><i class="fa fa-user-circle-o" aria-hidden="true"></i> <span class="nav-label">商品管理</span><span
                            class="fa arrow"></span></a>
                    <ul class="nav nav-second-level collapse">
                         <li class="iframeForward"><a href="#">商品分类</a><input type="hidden" value="produce/goodsList.html"></li>
                         <li class="iframeForward"><a href="#">进货单</a><input type="hidden" value="produce/produceOrder.html"></li>
                    </ul>
                </li>

                <!-- 供应商管理 -->
                <li class="iframeForward">
                    <!--<a><i class="fa fa-user-circle-o" aria-hidden="true"></i> <span class="nav-label">供应商管理</span><span
                            class="fa arrow"></span></a>
                    <ul class="nav nav-second-level collapse">
                        <li class="iframeForward"><a href="#">供应商分类</a><input type="hidden" value="reposity/goodsList.html"></li>
                    </ul>-->
                    <a href="#"><i class="fa fa-user" aria-hidden="true"></i> 供应商管理</a><input type="hidden" value="supplier/supplier.html">
                </li>

                <!-- 客户管理 -->
                <!--<li style="padding-left: 2px">
                    <a href="#"> <i class="fa fa-user" aria-hidden="true"></i> <span class="nav-label">客户管理</span></a>
                </li>-->
                <li class="iframeForward">
                    <a href="#"><i class="fa fa-user" aria-hidden="true"></i> 客户管理</a><input type="hidden" value="custom/custom.html">
                </li>

                <!-- 订单管理 -->
                <li>
                    <a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i> <span
                            class="nav-label">订单管理 </span><span
                            class="fa arrow"></span></a>
                    <ul class="nav nav-second-level collapse">
                        <li class="iframeForward"><a href="#">订单信息</a><input type="hidden" value="order/order.html"></li>
                        <li class="iframeForward"><a href="#">新建订单</a><input type="hidden" value="order/addOrder.html"></li>
                        <!--<li><a href="mail_detail.html">无车</a></li>
                        <li><a href="mail_compose.html">退换货</a></li>-->
                        <!--<li><a href="email_template.html">Email templates</a></li>-->
                    </ul>
                </li>

                <!-- 物流管理 -->
                <li>
                   <!-- <a href="#"><i class="fa fa-truck" aria-hidden="true"></i> 物流管理</a><input type="hidden" value="logistics/logistics.html">-->
                    <a href="#"><i class="fa fa-truck" aria-hidden="true"></i> <span
                            class="nav-label">物流管理 </span><span
                            class="fa arrow"></span></a>
                    <ul class="nav nav-second-level collapse">
                        <li class="iframeForward"><a href="#">物流信息</a><input type="hidden" value="logistics/logistics.html"></li>
                        <li class="iframeForward"><a href="#">物流单据</a><input type="hidden" value="logistics/logisticsOrder.html"></li>
                    </ul>
                </li>

                <!-- 库存管理 -->
                <li>
                    <a><i class="fa fa-user-circle-o" aria-hidden="true"></i> <span class="nav-label">仓库管理</span><span
                            class="fa arrow"></span></a>

                    <ul class="nav nav-second-level collapse">
                        <li class="iframeForward"><a href="#">仓库列表</a><input type="hidden" value="reposity/response.html"></li>
                        <li class="iframeForward"><a href="#">仓库报表</a><input type="hidden" value="reposity/responseOrder.html"></li>
                    </ul>
                </li>

                <!-- 财务管理 -->
                <li>
                    <a href="#"><i class="fa fa-money" aria-hidden="true"></i> <span class="nav-label">财务信息</span><span
                            class="fa arrow"></span></a>
                    <ul class="nav nav-second-level collapse">
                        <li class="iframeForward">
                            <a href="#">收入</a>
                            <input type="hidden" value="finance/income.html">
                        </li>
                        <li>
                            <a href="form_advanced.html">支出<span class="fa arrow"></span></a>
                            <ul class="nav nav-third-level">
                                <li class="iframeForward">
                                    <a href="#">总支出</a>
                                    <input type="hidden" value="finance/pay.html">
                                </li>
                                <li class="iframeForward">
                                    <a href="#">货物支出</a>
                                    <input type="hidden" value="finance/goods_finance.html">
                                </li>
                                <li class="iframeForward">
                                    <a href="#">物流支出</a>
                                    <input type="hidden" value="finance/car_finance.html">
                                </li>
                                <li class="iframeForward">
                                    <a href="#">仓库支出</a>
                                    <input type="hidden" value="finance/repertory_finance.html">
                                </li>
                                <li class="iframeForward">
                                    <a href="#">其他支出</a>
                                    <input type="hidden" value="finance/others_finance.html">
                                </li>
                            </ul>
                        </li>
                        <li class="iframeForward"><a href="#">财务报表</a><input type="hidden" value="finance/financial_statements.html"></li>
                    </ul>
                </li>

                <!-- 关于我们 -->
                <li class="landing_link">
                    <a target="_blank" href="landing.html"><i class="fa fa-star"></i> <span
                            class="nav-label">关于我们</span>
                        <!-- <span class="label label-warning pull-right">NEW</span> --></a>
                </li>
            </ul>
        </div>
    </nav>
    <!-- 侧边栏结束 -->


    <div id="page-wrapper" class="gray-bg dashbard-1">
        <!-- 头部导航开始 -->
        <div class="row border-bottom">
            <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
                <div class="navbar-header">
                    <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i
                            class="fa fa-bars"></i> </a>
                    <form role="search" class="navbar-form-custom" action="search_results.html">
                        <div class="form-group">
                            <input type="text" placeholder="搜一些什么呢(๑•̀ㅂ•́)و✧" class="form-control"
                                   name="top-search" id="top-search">
                        </div>
                    </form>
                </div>
                <ul class="nav navbar-top-links navbar-right">
                    <li>
                        <span class="m-r-sm text-muted welcome-message">欢迎使用玉米商业信息管理系统</span>
                    </li>
                    <li>
                        <a href="#">
                            <i class="fa fa-sign-out"></i>退出登录
                        </a>
                    </li>
                </ul>

            </nav>
        </div>
        <!-- 头部导航结束 -->

        <iframe id="iframe" src="index_content.html" width="100%" onload="changeFrameHeight()" frameborder="0"></iframe>

    </div>

</div>

<!-- Mainly scripts -->
<script src="js/jquery-2.1.1.js"></script>
<script src="js/bootstrap.min.js"></script>

<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

<!-- Flot -->
<script src="js/plugins/flot/jquery.flot.js"></script>



<!-- jQuery UI -->
<script src="js/plugins/jquery-ui/jquery-ui.min.js"></script>


<!-- ChartJS-->
<script src="js/plugins/chartJs/Chart.min.js"></script>


<!-- 弹出信息 -->
<script src="js/plugins/toastr/toastr.min.js"></script>
<script src="js/inspinia.js"></script>
<script src="js/inspinia.js"></script>

<script>

    function changeFrameHeight(){
        var ifm= document.getElementById("iframe");
        ifm.height=document.documentElement.clientHeight;
    }
    window.onresize=function(){
        changeFrameHeight();
    }

    var iframe = document.getElementById("iframe");
    var iframeForward = document.getElementsByClassName("iframeForward");
    for(var i=0;i<iframeForward.length;i++){
        iframeForward[i].index = i;
        iframeForward[i].onclick= function(){
            changeFrameHeight();
            $(".iframeForward").removeClass("active");
            if(!$(this).hasClass("active")){
                this.className += " active";
            }
            var uri = this.getElementsByTagName("input")[0];
            iframe.src=uri.value;
            iframe.style.height=iframe.contentWindow.document.getElementsByTagName("body")[0].height;
            console.log(iframe.height)

        }
    }
    function backHome(){
        iframe.src="index_content.html";
        $(".iframeForward").removeClass("active");
    }


    $(document).ready(function () {
        var date = new Date();
        var seperator1 = "-";
        var seperator2 = ":";
        var month = date.getMonth() + 1;
        var strDate = date.getDate();
        if (month >= 1 && month <= 9) {
            month = "0" + month;
        }
        if (strDate >= 0 && strDate <= 9) {
            strDate = "0" + strDate;
        }
        var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate
                + " " + date.getHours() + seperator2 + date.getMinutes()
                + seperator2 + date.getSeconds();
        setTimeout(function () {
            toastr.options = {
                closeButton: true,
                progressBar: true,
                showMethod: 'slideDown',
                timeOut: 4000
            };
            toastr.success('现在是' + currentdate, '您好，欢迎来到玉米管理系统');

        }, 1300);
    });
</script>
</body>
</html>
